<ion-content padding>
    <ion-list inset="true" *ngIf="newsColumns">
        <ion-item *ngFor="let newsColumn of newsColumns">
            <ion-thumbnail slot="start">
                <ion-img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2958143283,970908605&fm=200&gp=0.jpg"></ion-img>
            </ion-thumbnail>
            <ion-label>
                <h2>{{newsColumn.name}}</h2>
                <p>{{newsColumn.description}} </p>
            </ion-label>
        </ion-item>
    </ion-list>

    <ion-list inset="true" *ngIf="newsHots">
        <ion-item *ngFor="let newsHot of newsHots">
            <ion-avatar slot="start">
                <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1102131995,3111875223&fm=26&gp=0.jpg">
            </ion-avatar>
            <ion-label>
                <h2>{{newsHot.title}}</h2>
            </ion-label>
            <ion-icon name="arrow-forward"></ion-icon>
        </ion-item>
    </ion-list>
    <ion-list inset="true" *ngIf="nominateDatas">
        <ion-item *ngFor="let nominateData of nominateDatas">
            <ion-avatar slot="start">
                <img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=4258253146,481374077&fm=26&gp=0.jpg">
            </ion-avatar>
            <ion-label>
                <h2>{{nominateData.bio}}</h2>
                <p>{{nominateData.title}}({{nominateData.name}})</p>
            </ion-label>
            <ion-icon name="arrow-forward"></ion-icon>
        </ion-item>
    </ion-list>
    <ion-list inset="true" *ngIf="newestDatas">
        <ion-item *ngFor="let newestData of newestDatas">
            <ion-avatar slot="start">
                <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3367191072,3199164544&fm=26&gp=0.jpg">
            </ion-avatar>
            <ion-label>
                <h2>{{newestData.title}}</h2>
            </ion-label>
            <ion-icon name="arrow-forward"></ion-icon>
        </ion-item>
    </ion-list>
</ion-content>